'use strict';

define(function(require,exports,module){
	var React = require('react');

	module.exports = React.createClass({
		
		render:function(){
			var url_data = [];
			if(this.props.data){
				for(var i=0;i<this.props.data.length;i++){
					url_data.push({'value':this.props.data[i].url,'name':this.props.data[i].url});
				}
			}
		
			//url列表
			var url_option = url_data.map(function(option){
				return (
					<option ref={option.value} value={option.value}>{option.name}</option>
				);
			});
			
			return (
				<form className="dateForm" style={{margin:'5px 0'}}>
					<select value={this.props.selectValue} className="form-control input" onChange={this.props.handleApiChange}>
					<option value="">请选择API</option>
					{url_option}
					</select>
				</form>
			);
		}
		
	});
});